<!DOCTYPE html>
<html ng-app="myApp">
	<head lang="en">
		<meta charset="UTF-8">
		<title>测试01</title>			
	</head>
	<link rel="stylesheet" type="text/css" href="../css/index.css"/>
	
	<body>
		
		<div ng-controller="myCtrl">
			<table border="0" cellspacing="" cellpadding="" class="myCtrl02">
				<tr>
					<th>选框</th>
					<th>姓名</th>
					<th>生日</th>
					<th>选择</th>
				</tr>
				<tr ng-repeat="row in list">
					<td >
						<input type="checkbox"
								ng-click="changesec()" 
								ng-model="row.sec"
								ng-checked="secAll"
						/>
					</td>					
					<td>{{row.name}}</td>
					<td>{{row.bir}}</td>
					<td >{{row.sec}}</td>
				</tr>
				
			</table>
			<p>	
				<lable>
					<input type="checkbox"
						ng-checked="select"
						ng-model="secAll"
						ng-click="changeAll()"
						/>全选/取消全选
				</lable>				
				<button ng-click="secstatus()">查看</button>
			</p>
		</div>
		
		<!--计时器-->
		<div ng-controller="myCyrl02">
			<p>{{num}}</p>
			
		</div>
		
		<!--图片轮播-->
		<div ng-controller="piCtrl">
			<p>
				<img ng-src="../images/{{list[index]}}" />
			</p>
			<p>{{count}}</p>
		</div>
		
		<!--$http请求-->
		<div ng-controller="myHttp">
			<table border="0" class="myCtrl02">
				<tr>
					<th>姓名</th>
					<th>年龄</th>
				</tr>
				<tr ng-repeat="obj in list | orderBy:'age':true | limitTo:4" ng-if="obj.age>19">
					<td>{{obj.name}}</td>
					<td >{{obj.age}}</td>
				</tr>
			</table>		
		</div>
		
		<!--测试循环-->
		<div ng-controller="myXH">
			<ul>
				<li ng-repeat="obj in list">
					<span>{{obj.name}}</span>
					<span>{{obj.sex}}</span>
					<span>{{obj.phone}}</span>
				</li>
			</ul>
		</div>
		
		
		
		
		
		
		
		
		
		
		
		
	</body>
	<script src="../AngularJS-1.4.1/js/angular.js"></script>
	<script src="../js/data03.js"></script>
</html>











